<template>
  <el-card class="box-card" shadow="hover" :body-style="{ padding: '0px 5px' }">
      <div class="title">今日下载排行</div>
      <AllRanList :data="data.currentDowns" />
  </el-card>
</template>

<script setup>
import AllRanList from "./AllRanList.vue";
import { ref, computed, defineProps } from "vue";
import { gotoDetail } from "@/utils/action.js";
import { useRoute, useRouter } from "vue-router";
const router = ref(useRouter());

const props = defineProps({
    data: {
        type: Object,
        default: () => {}
    }
});

const handleClick = (tab, event) => {
    console.log(tab, event);
};
</script>

<style lang="less" scoped>
.title {
    padding-left: 20px;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    font-size: 20px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #1d2127;
    line-height: 50px;
}
</style>
